<template>
	<view>
		<nav-custom :name="title"></nav-custom>
		<view class="list">
			<view class="black_f_40 font_w_bold bor_bot">
				
				{{i.rider_status==5?'买家申请退款，请妥善处理':'售后处理完成'}}
			</view>
			<view class="back bor_bot dis_f_sb_c">
				<image class="a_img" :src="i.specifications.image" mode="widthFix"></image>
				<view class="l_right">
					<view>
						<view class="dis_f_sb_c mar_b_8">
							<view class="black_f_32 font_w_bold">{{i.license_plate}}</view>
							<view class="black_s_28">￥{{i.specifications.money}}</view>
						</view>
						<view class="" style="display: flex;">
							<view class="grey_f_28">{{i.lease}}</view><view style="margin-left: 20rpx;" class="grey_f_28">{{i.s_lease}}</view>
						</view>
					</view>
					<view class="dis_f_r_c">
						<view class="mar_r_16">
							<text class="grey_h_28">优惠</text>
							<text class="black_f_28">￥{{i.money.coupon_price}}</text>
						</view>
						<view>
							<text class="grey_h_28">合计</text>
							<text class="orange_f_28">￥{{i.money.actual_price}}</text>
						</view>
					</view>
				</view>
			</view>
			<view class="back bor_bot">
				<view class="dis_f_sb_c bor_b_bot">
					<view class="black_s_28">车架号</view>
					<view class="black_f_28">{{i.specifications.frame_number}}</view>
				</view>
				<view class="dis_f_sb_c bor_b_bot">
					<view class="black_s_28">售后原因</view>
					<view class="black_f_28">{{i.refund.refund_content}}</view>
				</view>
				<!-- <view class="dis_f_sb_c bor_b_bot">
					<view class="black_s_28">租车类型</view>
					<view class="black_f_28">{{i.lease_type==1?'日':'月'}}租</view>
				</view> -->
				<view class="dis_f_sb_c bor_b_bot">
					<view class="black_s_28">租用{{i.lease_type==1?'天':'月'}}数</view>
					<view class="black_f_28">{{i.lease}}</view>
				</view>
				<view class="dis_f_sb_c bor_b_bot">
					<view class="black_s_28">已使用时间</view>
					<view class="black_f_28">{{i.y_time_q}}</view>
				</view>
				<view class="dis_f_sb_c bor_b_bot" v-if="i.is_refusal_to_refund==1">
					<view class="black_s_28">退款金额</view>
					<view class="black_f_28">{{i.refund.refund_amount}}</view>
				</view>
				<view class="dis_f_sb_c bor_b_bot" v-if="i.is_refusal_to_refund==1">
					<view class="black_s_28">退款方式</view>
					<view class="black_f_28">原路返回</view>
				</view>
				<view class="dis_f_sb_c bor_b_bot">
					<view class="black_s_28">申请时间</view>
					<view class="black_f_28">{{i.refund.refund_apply_time}}</view>
				</view>
				<view class="dis_f_sb_c" v-if="i.is_refusal_to_refund==1">
					<view class="black_s_28">退款时间</view>
					<view class="black_f_28">{{i.refund.refund_time}}</view>
				</view>
			</view>
			<view class="back bor_bot">
				<view class="dis_f_sb bor_b_bot">
					<view class="black_s_28">描述凭证</view>
				</view>
				<view class="black_f_28 bor_bot">{{i.refund.describe_credentials}}</view>
				<view>
				<image class="image" :src="i" mode="widthFix" v-for="i in i.refund.refund_image"></image>
				</view>
			</view>
		</view>
		<image class="bo_js_er_img" :src="url+'/image/zcxian.png'" mode=""></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:'',
				title: " ",
				order: "20225113215554",
				i:'',
				url:''
			}
		},
		onLoad(o) {
			this.url=this.$.ajax_url3
			console.log(o);
			this.id = o.id
			this.getdetail()
		},
		methods: {
			getdetail() {
				this.$.ajax(1, 'post', 'store/order/car_rental_orders', {
					order_id: this.id
				}, (res) => {
					this.i=res.data
					console.log(res);
				})
			},
			copy(v) {
				uni.setClipboardData({
					data: v
				});
			}
		}
	}
</script>

<style lang="scss">
	.a_img {
		width: 200rpx;
		height: 200rpx;
	}

	.l_right {
		width: 414rpx;
		height: 200rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.image{
		width: 140rpx;
		height: 140rpx;
	}
</style>